<template>
  <div class="search-page-container">
    <div class="header">
      <div class="back" @click="goBack">
        <i class="icon-ali-back" style="font-size: 25px"></i>
      </div>
      <div class="title content-position">搜索</div>
      <div class="other content-position">&nbsp;&nbsp;</div>
    </div>
    <div class="union-search">
      <union-search @submit="submit"></union-search>
    </div>
    <div class="search-content">
      <div class="content-title">搜索历史</div>
      <div class="detail">
        {{data}}
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import UnionSearch from '../../components/union-search.vue'
  export default {
    name: 'search',
    components: {
      UnionSearch
    },
    data () {
      return {
        data: '无搜索历史'
      }
    },
    mounted () {
    },
    methods: {
      goBack () {
        this.$router.go(-1)
      },
      submit (value) {
        this.data = value
      }
    }
  }
</script>

<style lang="stylus" type="text/stylus" scoped>
  @import "search.styl"
</style>
